﻿@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#696868;	margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#FFF; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#626262; background: transparent;  outline:none}
a:visited { color:#aaa; }
a:focus { outline:none; }
a:hover{ color:#000;}
a:active{ outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}

.delay1{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay2{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay3{ -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay4{ -webkit-animation-delay:1s; animation-delay:1s; }
.delay5{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }
.delay6{ -webkit-animation-delay:1.4s; animation-delay:1.4s; }
.delay7{ -webkit-animation-delay:1.6s; animation-delay:1.6s; }
.delay8{ -webkit-animation-delay:1.8s; animation-delay:1.8s; }
.delay9{ -webkit-animation-delay:2s; animation-delay:2s; }
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; background:#fc7602;}
/*默认样式*/
.btn {  background:#fc7602;  color: #fff; }
.btn:hover {  background: #e36b03; color:#fff;}
.btn:active {  background: #e36b03;  color: #fff;}
/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}

/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px; display:none;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/

/*频道*/
.ChannelContent{ line-height:2.0em; font-size:16px; color:#222;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em; color:#222; }
.ChannelContent a{ color: #ff9d02}
.ChannelContent a b{ color: #000; font-weight:normal;}
.ChannelSContent{color:#FFF;  line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;}
.ChannelSContent a{ color: #ff9d02}
.ChannelSContent img, .InfoContent img{ max-width:100% }

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;color:#333;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0; color:#222;}
.InfoContent a{color:#666;}
.InfoContent a:hover{color:#F30;}
.InfoContent a b{font-weight:normal;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:normal; margin-top:15px;}
.Tag b{ background:url(../images/tag.jpg) left center no-repeat; padding-left:20px; font-weight:normal;}
.Tag a{ padding:2px 8px; font-size:13px; font-weight:normal; text-decoration:none; color:#333; background:#f5f5f5; margin-right:5px; border:1px solid #ddd; border-radius:14px;}
.Tag a:hover{background:#eee; color:#333;}
.info_previous_next_wrap{ background:#fff; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em}
.Next a{ }
.Previous a{ }
/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
.left_title h2 { font-size:16px;  color:#01673A; }
.left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom { height:15px; margin-bottom:5px;}

/*样式1*/
.left_title1{text-align:center; }
.left_title1 h2 { color:#505050;font-size:40px;font-weight:normal; }
.left_title1 .ChannelF1{font-size:20px;color:#c1c1c1; margin:10px 0;}
.left_title1 p{font-size:17px;color:#505050;margin:20px 0;line-height:34px;}
.left_title1 p a{color:#505050;}
.left_body1 { overflow:hidden; zoom:1; }
.left_bottom1 { height:15px;  margin-bottom:5px;}

/*样式2*/
.left_title2{  text-align:center;}
.left_title2 h2 { color:#505050;font-size:40px;font-weight:normal; }
.left_title2 h2 a { color:#505050;}
.left_title2 .ChannelF1{font-size:20px;color:#c1c1c1; margin:10px 0;}
.left_body2 { overflow:hidden; zoom:1;margin:30px 0 0 0; }
.left_bottom2 { height:15px;  margin-bottom:5px;}

/*样式3*/
.left_title3 { height:69px; line-height:69px;  width:200px;text-align:center;}
.left_title3 h2 { font-size:40px;   font-weight:normal; color:#FFF;border-bottom:3px solid #fff;margin: 20px 0 0 0}
.left_body3 { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0}
.left_bottom3 { height: 5px; font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px;}

/*样式4*/
.left_title4{  text-align:center;}
.left_title4 h2 { color:#fff;font-size:40px;font-weight:normal; }
.left_title4 h2 a{color:#fff;}
.left_title4 .ChannelF1{font-size:20px;color:#c1c1c1; margin:10px 0;}
.left_body4 { overflow:hidden; zoom:1;margin:30px 0 0 0; }
.left_bottom4 {background:#fff;width:1000px;margin: 0 auto;overflow:hidden;border-radius: 20px 20px 0 0; }
.left_bottom4 .hd{overflow:hidden;}
.left_bottom4 .hd ul{text-align:center;}
.left_bottom4 .hd ul li{display:inline;border-radius:50%;padding:6px;font-size:0px;background:#cccccc;line-height:60px; margin: 0 20px 0 0; cursor:pointer;}
.left_bottom4 .hd ul li.on{background:#ff7f00; }
/*样式5*/
.left_title5{  text-align:center;}
.left_title5 h2 { color:#505050;font-size:40px;font-weight:normal; }
.left_title5 h2 a{color:#505050;}
.left_title5 .ChannelF1{font-size:20px;color:#c1c1c1; margin:10px 0;}
.left_body5 { overflow:hidden; zoom:1;margin:30px 0 0 0; }
.left_bottom5 { }
/*样式6*/
.left_title6{  text-align:center;}
.left_title6 .ChannelF2{color:#505050;font-size:40px;font-weight:normal; }
.left_title6 p{margin:20px 0;font-size:16px;}
.left_body6 { overflow:hidden; zoom:1;margin:30px 0 0 0; }
.left_bottom6 { }
.left_bottom6 a{display:block;width:140px;height:40px;line-height:40px;border:1px solid #838383;color:#838383;margin:60px  auto 0;text-align:center; }
.left_bottom6 a:hover{background:#fc7602;color:#fff;border:1px solid #fc7602; }
/*样式7*/
.left_title7{  text-align:center;}
.left_title7 .ChannelF2{color:#505050;font-size:40px;font-weight:normal; }
.left_title7 p{margin:20px 0;font-size:16px;}
.left_body7 { position:relative; overflow:hidden; zoom:1;margin:30px 0 0 0; }
.left_body7 .ChannelPicture{position: absolute;left:21%; top:0;}
.left_bottom7 { }
/*样式8*/
.left_title8{  text-align:center;margin:0 0 40px 0;}
.left_title8 p{font-size:23px;color:#636363;}
.left_title8 h2{color:#505050;font-size:40px;font-weight:normal; }
.left_title8 h2 b{color:#fc7602;font-weight:normal;}
.left_body8 { overflow:hidden; zoom:1; }
.left_bottom8 {font-size:20px;background:url(../images/right_bottom6.png) no-repeat left center; height:126px;line-height: 148px;text-indent: 140px;}
.left_bottom8 a{color:#626262}
.left_bottom8 b{color:#fc7602;}
/*样式9*/
.left_title9{  text-align:center;}
.left_body9 { overflow:hidden; zoom:1; }
.left_body9 .ChannelPicture{float:left;width:700px;}
.left_body9 .Channel_wrap{float:right;width:450px;padding:100px 0 0 0;}
.left_body9 .Channel_wrap h2{color:#505050;font-size:42px;font-weight:normal;}
.left_body9 .Channel_wrap h2 b{background:#0a82da;color:#fff;font-weight:normal;padding:0 10px;margin:0 5px;}
.left_body9 .Channel_wrap p{width:370px;margin: 40px 0 40px 20px;color:#999;font-size:16px;}
.left_body9 .Channel_wrap a{display:block;width:220px;border-radius:10px;background:#fc7602;color:#fff;text-align:center;line-height:40px;height:40px;font-size:18px;}
.left_bottom9 {}

/*样式9*/
.left_title19{  text-align:center;}
.left_title19 p{font-size:14px;background:#e9e9e9;padding:20px;margin:20px auto;display:block;width:800px;border-radius:10px;}
.left_title19 h2{color:#505050;font-size:40px;font-weight:normal; }
.left_title19 h2 b{color:#fc7602;font-weight:normal;}
.left_body19 { overflow:hidden; zoom:1; }
.left_body19 .ChannelContent b{color:#fc7602;font-size:24px;padding:0;display:block;font-weight:normal;}
.left_body19 .ChannelSContent{color:#666;font-size:16px;padding:0;margin:5px 0 20px 0;}
.left_body19 .ChannelPicture{text-align:center;}
.left_bottom19 {}

/*样式10*/
.left_title10{  text-align:center;padding: 40px;}
.left_title10 p{font-size:20px;color:#fff;}
.left_title10 h2{display: inline;color:#fff;font-size:35px;letter-spacing:5px;font-weight:normal;border-bottom:1px solid #fff; }
.left_body10 { overflow:hidden; zoom:1; padding:80px 0 0 700px;}
.left_body10 a{border-radius: 20px;color: #fff;background: #fc7602;display: block;width: 200px;height: 40px;line-height: 40px;font-size: 20px;margin: 30px 0 0 0;}
.left_body10 .f2{color:#42def0;font-size:26px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;text-indent:10px;text-align:left;margin: 0 0 30px 0;}
.left_bottom10 {    width: 830px;margin: 150px auto;color: #fff;text-align: left;line-height: 24px;}
/*样式11*/
.left_title11{  text-align:center;}
.left_title11 h2{color:#505050;font-size:40px;font-weight:normal; }
.left_title11 p{font-size:20px;color: #c1c1c1;margin: 10px 0 0 0;}
.left_body11 { overflow:hidden; zoom:1; }
.left_bottom11 {}
/*样式12*/
.left_title12{  text-align:center;margin: 60px 0;}
.left_title12 h2{color:#fff;font-size:40px;font-weight:normal; }
.left_body12 {position:relative; overflow:hidden; zoom:1;padding:20px 0 0 0; }
.left_body12 .ChannelPicture{position: absolute;left:32%; top:0;}
.left_bottom12 {}
/*样式13*/
.left_title13{  text-align:center;margin:0 0 40px 0;}
.left_title13 h2{color:#505050;font-size:40px;font-weight:normal; }
.left_body13 { overflow:hidden; zoom:1; padding:30px 0 0 0;}
.left_body13 .ChannelPirture{float:right;}
.left_body13 .Channel_wrap{float:left;width:600px;margin:30px 0 0 0;}
.left_body13 .Channel_wrap p{text-indent:20px;text-align: left;color: #ff5900;font-size: 36px;margin: 0 0 20px 0;}
.left_bottom13 {}
/*样式14*/
.left_title14{  text-align:center;}
.left_title14 p{font-size:20px;color:#fff;line-height:40px}
.left_title14 h2{display: block;color:#fff;font-size:40px;letter-spacing:5px;font-weight:normal;background:url(../images/left_title14_h2.png) no-repeat center bottom; height:68px;}
.left_body14 { overflow:hidden; zoom:1;position:relative; padding:50px 70px;}
.left_body14 .prev{display:block;width:55px;height:84px;background:url(../images/left_body14_prev.png) no-repeat center;position:absolute;left:0px;top:43%; cursor:pointer;}
.left_body14 .next{display:block;width:55px;height:84px;background:url(../images/left_body14_next.png) no-repeat center;position:absolute;right:0px;top:43%;cursor:pointer;}
.left_bottom14 a{border-radius: 5px;color: #fff;border:1px solid #fff;display: block;width: 230px;height: 50px;line-height: 50px;font-size: 24px;margin: 0 auto;text-align:center;}
/*样式15*/
.left_title15{  text-align:center;margin: 30px 0;}
.left_title15 h2{color:#505050;font-size:40px;font-weight:normal; }
.left_title15 p{font-size:20px;color: #c1c1c1;margin: 10px 0 0 0;}
.left_body15 { overflow:hidden; zoom:1;padding:20px 0 0 0; }
.left_bottom15 {}
/*样式16*/
.left_title16{  text-align:center;padding: 20px 0 100px 0;}
.left_body16 { position:relative;overflow:hidden; zoom:1;margin:40px 0 0 0; height: 550px;}
.left_body16 .ChannelPicture{position: absolute;left:22%; top:0;}
.left_bottom16 {}
/*样式17*/
.left_title17{  text-align:center;margin:0 0 40px 0;}
.left_title17 h2{color:#505050;font-size:40px;font-weight:normal; }
.left_title17 p{font-size:20px;color: #c1c1c1;margin: 10px 0 0 0;}
.left_body17 { overflow:hidden; zoom:1; position:relative;}

/*样式18*/
.left_title18{  text-align:center;margin:0 0 40px 0;}
.left_title18 h2{color:#505050;font-size:40px;font-weight:normal; }
.left_body18 { overflow:hidden; zoom:1;padding:30px 0;}
.left_bottom18 {}
.left_bottom18 a{margin:20px auto;width:230px;border:1px solid #0166ce;border-radius:20px;font-size:20px;text-align:center;display:block;overflow:hidden;height:40px;line-height:40px;color:#0166ce}
.left_bottom18 a:hover{background:#fc7602;color:#fff;border:1px solid #fc7602;}


/*主体右侧*/
/*样式1*/
.right_title {}
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:30px 0 0 0;color:#505050;   }
.right_title h2 a{color:#505050;} 
.right_title h2 img{padding:0 10px;}
.right_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_body .f2{text-align:left;margin:10px 0;}
.right_body .f2 p{display:block;}
.right_bottom .f1{margin:10px 0;}
.right_bottom h2{font-size: 24px;font-weight: bold;color:#000;text-indent: 10px;margin:20px 0;font-weight:normal;border-bottom:1px solid #ccc;line-height:40px;height:40px}
/*样式2*/
.right_title1 { }
.right_title1 h2 {font-size:30px; font-weight:normal; text-align:center;  padding:30px 0;color:#505050;    }
.right_title1 h2 a{color:#505050;} 
.right_title1 h2 img{padding:0 10px;}
.right_body1 { padding:5px 0; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom1 {height: 5px;  line-height:5;  overflow:hidden; font-size:0px; margin-bottom:5px;}
/*样式3*/
.right_title2 { height:69px; line-height:69px;  }
.right_title2 h2 { font-size:20px;   font-weight:normal;  text-indent:40px; color:#FFF;}
.right_body2 { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0}
.right_bottom2 { height: 5px; font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px;}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:5px auto; }
.xcxmoban{width:1000px;margin:5px auto;overflow:hidden;}
#top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7 { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#navigation{  margin:0 auto;  border:0px dashed red;}
#floor_2{  width: 1200px;margin: 0 auto;overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; }
/*===首页 开始===*/
#floor_1_main{ }
#floor_1{ padding:35px 0px;}
#floor_2_main{ padding:0px 0 20px 0 ;}
#floor_2{}
#floor_3_main{ background:url(../images/floor_3_main.jpg) no-repeat;}
#floor_3{padding:35px 0px 0 0; }
#floor_4_main{ }
#floor_4{padding:35px 0px; }
#floor_5_main{background:#333;}
#floor_5{}
#floor_5_1{ font-size: 26px;color: #fff;  width: 880px; float:left; padding: 45px 0px}
#floor_5_1 .jianzhan{background:#fc7602;line-height:50px;text-align:center;color:#fff;padding: 8px 83px;margin: 0 30px;}
#floor_5_1 .jianzhan:hover{background:#e36b03;}

/*波浪特效*/
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:60px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:relative;height:60px;background:#fff; margin-top:10px;}
.wave-box .wave-list-box img{ height:60px;}

#floor_5_2{float:right; padding:10px 0; color:#fff; width:315px; text-align:left;}
#floor_5_2 a{ color:#fff;}
#floor_5_2 div{ padding:3px 0;}
#floor_5_2 .ZhuanXian{ font-size:16px;}
#floor_5_2 .Contact{ margin-left:15px; }
#floor_5_2 .Mobile {font-size: 36px;font-family: Impact; font-weight: normal; letter-spacing:3px; position:relative;}
#floor_5_2 .Mobile i{ font-family: microsoft yahei; letter-spacing:normal; font-weight:normal; font-size:14px; 
position:absolute; top:12px; margin-left:7px; background:#F30; padding:2px 5px; font-style:normal; border-radius:2px;}
#floor_5_2 .Mobile i img{ width:12px; position:absolute; left:-8px; }
#floor_5_2 .Telephone{font-size: 36px;font-family: Impact; font-weight: normal; letter-spacing:3px;}


#floor_6_main{ background:#252525;overflow:hidden;}
#floor_6{padding:40px 0 20px 0; overflow:hidden;border-bottom: 1px solid #1a1a1a;}
#floor_6_1{width:480px;float:left;text-align:center;border-right: 1px solid #333232;}
#floor_6_1 span{display:block;margin:10px 0 ;color:#999;}
#floor_6_1 .Propaganda{padding:10px 30px 0 0;color:#999;}
#floor_6_1 .Propaganda a{padding:0;color:#999;}
#floor_6_1 .Propaganda a:hover{padding:0;color:#fff;}
#floor_6_2{width:660px;float:right;}

/*===首页 结束===*/

/*===内页 开始===*/
#service_1_main{overflow:hidden;padding:40px 0;}
#service_1{width:1200px;margin:0 auto;overflow:hidden;}
#service_2_main{overflow:hidden;padding:40px 0 0 0 ;background:#f6f6f6;}
#service_2{width:1200px;margin:0 auto;overflow:hidden;}
#service_3_main{overflow:hidden;padding:40px 0;background:#fff;}
#service_3{width:1200px;margin:0 auto;overflow:hidden;}
#service_4_main{overflow:hidden;text-align:center;background:#e8e8e8;}
#service_4{width:1200px;margin:0 auto;overflow:hidden;height:446px;}
#service_4 .ChannelPicture{float:right;}
#service_4 .Channel_wrap {width:600px;float:left;padding:30px 0 0 0; }
#service_4 .Channel_wrap .ChannelSContent{height: 102px;font-size:32px;color:#2A2A2A;width: 450px;line-height: 46px;text-align: center;}
#service_4 .Channel_wrap .QQ{width:166px;border-radius:20px;color:#0F69AD;border:1px solid #0F69AD;display:block;height: 40px;line-height: 40px;font-size: 24px;margin: 15px 0 0 32px;}
#service_5_main{overflow:hidden;padding:80px 0;}
#service_5{width:1200px;margin:0 auto;overflow:hidden;background:url(../images/service_6.jpg) no-repeat left top;}

#website_1_main{overflow:hidden;padding:40px 0;}
#website_1{width:1200px;margin:0 auto;overflow:hidden;}
#website_2_main{overflow:hidden;background:#004aa9;}
#website_2{width:1200px;margin:0 auto;overflow:hidden;background:url(../images/website_2.jpg) no-repeat center;}
#website_2 .ChannelSContent{font-weight: bold;font-size: 39px;color: #fff;text-align: center;padding: 68px 0 0 0;height: 50px;line-height: 50px;margin: 0 0 20px 0}
#website_2 .ChannelContent{font-size: 24px;color: #fff;height: 73px;text-align: center;}
#website_3_main{padding:40px 0;overflow:hidden;text-align:center;}
#website_3{width:1200px;margin:0 auto;overflow:hidden;}
#website_4_main{overflow:hidden;padding:80px 0;background:#e9eff3;}
#website_4{width:1200px;margin:0 auto;overflow:hidden;}
#website_5_main{height:700px;overflow:hidden;text-align:center;background:url(../images/service_5_main.jpg) no-repeat center;}
#website_5{width:1200px;margin:0 auto;overflow:hidden;}

#mobile_1_main{overflow:hidden;padding:70px 0 0 0;}
#mobile_1{width:1200px;margin:0 auto;overflow:hidden;}
#mobile_2_main{overflow:hidden;background:#5a72f8;}
#mobile_2{width:1200px;margin:0 auto;overflow:hidden;background:url(../images/mobile_2.jpg) no-repeat center;height:800px;}
#mobile_3_main{padding:40px 0;overflow:hidden;text-align:center;}
#mobile_3{width:1200px;margin:0 auto;overflow:hidden;}
#mobile_4_main{overflow:hidden;padding:80px 0;background:#27a3f9;}
#mobile_4{width:1200px;margin:0 auto;overflow:hidden;}

#micro_1_main{overflow:hidden;padding:30px 0;}
#micro_1{width:1200px;margin:0 auto;overflow:hidden;}
#micro_2_main{overflow:hidden;background:#efab30;}
#micro_2{width:1200px;margin:0 auto;overflow:hidden;background:url(../images/micro_2.jpg) no-repeat center top;}
#micro_3_main{padding:80px 0;overflow:hidden;text-align:center;}
#micro_3{width:1200px;margin:0 auto;overflow:hidden;}
#micro_4_main{overflow:hidden;padding: 0 0 60px 0;}
#micro_4{width:1200px;margin:0 auto;overflow:hidden;}

/*===内页 结束===*/

/*===产品模型 开始===*/
.product  .info_product_detail_wrap{ line-height: 2.2em;}
.product  .info_product_detail_wrap b{color: #626262; font-weight:bold;}
.product  .info_product_detail_wrap table.detail_table{ width:100%; }
.product  .info_product_detail_wrap table.detail_table th{ width: 200px;}
.product  .ProductDescription{ height:40px; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;}
.product  .info_product_detail_wrap img{ width:216px; height:162px;float:left;  text-align:left; margin-right:10px; }
.product  .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;}
.product  .f2{ padding:5px 0px}
.product  .f1{ padding:5px 0px}
.product  .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product  .InfoTime{ padding:5px 0px; }
/*===产品模型 结束===*/

/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ text-align:center }

/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#505050; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:35px;  background:#111; font-size: 12px; display:none;}
#top { height:35px; line-height:35px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right; }
#top_2_1 { color:#fff; text-indent:16px;}
#top_2 .nbsp{padding:0 5px;}
#top .MobileEdition{ color:red;}
#top a { color:#fff;  }
#top a:hover { color:#fC7602; text-decoration:none}

/*Logo*/
#logo_main { position:fixed;left:0;top:0;width:100%;z-index:9999;}
#logo_main1 { background:#fff;z-index:9999;}
.scrollfixed{ background:#fff;border-bottom:1px solid #eee;}
#logo { }

#logo .WebLogo{ float:left;padding:15px 0;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}

/*导航*/
#navigation_main { background:#017834;}
#navigation { float:right;height:95px;  }
#navigation ul.navigationlist li { float:left; width:100px;line-height:94px;height:94px ;text-align:center;}
#navigation ul.navigationlist li a { display:block; text-align:center; font-size:16px; font-weight: normal; color:#fff; border:0px dashed red;overflow:hidden;  }
#logo_main1 ul.navigationlist li a{ color:#333;}
.scrollfixed #logo  ul.navigationlist li .ChannelName{color:#333;}
.scrollfixed #logo  ul.navigationlist li .ChannelName:hover{color:#fc7602;}
.scrollfixed #logo  ul.navigationlist li .current{color:#fc7602;}
#navigation ul.navigationlist li a:hover { text-decoration:none;  color:#fc7602; }
#navigation ul.navigationlist  .current{ color:#fc7602; }
/*导航栏下拉*/
#navigation  ul.subnavigationlist{ display:none; position:absolute;background: rgba(0,0,0,0.5);opacity: 1;border-top:3px solid #fc7602;margin:0 0 0 -20px;z-index:999;}
#navigation  ul.subnavigationlist li {  float:none; padding:0px;  display:inline;border:none;line-height:40px;height:40px;}
#navigation  ul.subnavigationlist li a {display:block; white-space:nowrap; font-weight:normal; color:#fff;padding:0px;width:140px; font-size:14px;  text-align:center; border:none;line-height:40px;height:40px;}
#navigation  ul.subnavigationlist li a:hover {  background:#000;  color:#fc7602;text-indent:10px; }

/*公告*/
#announcement { margin-top:5px;  height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;}
#announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;}
#announcement .announcement_body{float:left; width:750px;}
#announcement .announcement_bottom{float:right; width:100px; }
.announcementlist{ }
.announcementlist li { line-height:35px; }

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;}
#banner_main  .bannerlist li img{ margin:0 auto; display:block; }
#banner_main1  .bannerlist li img{width:1200px; margin:0 auto; display:block; }
#banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; 
background:url(../images/dot.png) -11px 0 no-repeat; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:url(../images/dot.png) 0 0 no-repeat;}

/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */
#banner_main1 {position:relative; border:0px solid blue; }
#banner1 {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%;text-align:center;}
#banner1 img{}
/*当前位置*/
#location_main { } 
#location {display:none;color:#01673A; float:right; padding-right:8px;}
#location a {color:#01673A;}

/*子频道列表*/
.subchannel_main{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;height: 62px;line-height: 57px;margin:0 0 0px 0;}
.subchannel{}
.subchannellist { text-align:center;}
.subchannellist li { display:inline;border-left:1px solid #d4d4d4;  }
.subchannellist li.n1{border:none;}
.subchannellist li a { padding:20px 5px;font-size:18px; color:#5b5b5b; font-weight:normal;margin:0 30px;}
.subchannellist li a:hover {    color:#fc7602;border-bottom:3px solid #fc7602; }
.subchannellist #current a {  font-weight:normal;   color:#fc7602;border-bottom:3px solid #fc7602;}
.subchannellist .depth1{ font-size:16px; font-weight:bold; }
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}

/*搜索 */
table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}

/*联系我们*/
.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }
/*联系我们1*/
.contact_wrap1{ width:500px;  color:#FFF; overflow:hidden;}
.contact_wrap1 li{ padding:0 0 0 70px;height: 54px;margin:45px 0 0 0;}
.contact_wrap1 b{ font-weight:normal;line-height: 30px;}

.contact_wrap1 .ico1{ background:url(../images/phone.png) no-repeat left center;}
.contact_wrap1 .ico2{ background:url(../images/email.png) no-repeat left center;}
.contact_wrap1 .ico3{ background:url(../images/qq.png) no-repeat 7px center; }
.contact_wrap1 .ico4{ background:url(../images/address.png) no-repeat left center;}

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/*侧边栏*/
#sidebar_main{ width:50px; height:250px; position:fixed; top:30%; right:-50px; z-index:99999;  
_position:absolute; _top: expression(eval(document.documentElement.scrollTop)); _right:0; _height:expression(eval(document.documentElement.clientHeight));}
#sidebar{ width:50px; color:#fff; height:100%;}
#sidebar #sidebar_1{ position:absolute; top: 0px;width:50px;height:50px;background:#535353 url(../images/qq1.png) no-repeat center;border-radius:5px;}
#sidebar #sidebar_2{ position:absolute; top: 60px;height:50px;background:#535353 url(../images/dianhua.png) no-repeat center;border-radius:5px;}
#sidebar #sidebar_3{ position:absolute; top: 120px;width:50px;height:50px;background:#535353 url(../images/qrcode.png) no-repeat center;border-radius:5px;}
#sidebar #sidebar_4{ position:absolute; top: 180px;width:50px;height:50px;background:#535353 url(../images/gotop.png) no-repeat center;border-radius:5px;}
#sidebar a{ color:#fff; display:block; width:50px; height:50px;padding: 0; cursor:pointer;}

/*浮动提示*/
#sidebar p{ display:none; position:absolute; right:60px;font-size: 12px; text-align: center; margin:0;}
#sidebar_1 p{ width:120px; height:35px; line-height:35px; background:#494949;  bottom: 7px;text-align:center;font-size:14px; }
#sidebar_1 p a{display:block;text-align:center;width:100%;}
#sidebar_2 p{ width:216px;padding:0 20px;display:none;  height:35px; line-height:35px; background:#494949;  bottom: 7px;text-align:center;font-size:14px; }
#sidebar_3 p{  line-height:35px;   bottom: -40px; text-align:center;background:#494949;}
#sidebar_3 p img{width:110px;padding:5px;}
#sidebar_4 p{ width:80px; height:35px; line-height:35px; background:#494949;  bottom: 7px;text-align:center; }
#sidebar_4 p a{ display:block;width:100%; }
#sidebar p i{ position: absolute; width: 16px;height: 16px;line-height: 16px;text-align: center; font-size: 16px; top: 10px; right: -5px; color: #494949;}
#sidebar_3 p i{color: #494949; top: 48px; right: -6px;}
/* 友情链接 */ 
#link_main { background:#111;}
#link { padding:20px 0 0 0;border-top: 1px solid #333232; }
.link_title { line-height: 42px;height: 42px;  color:#fff;float:left;}
.link_title h2 {line-height: 42px;height: 42px; font-size:12px; color:#fff; font-weight: normal;}
.link_body { color:#000; padding: 10px 0 30px 0;border-top:0px; border-bottom:0px; }
.link_bottom{}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px;}
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC; }
.link_text { overflow: hidden; zoom:1;  }
.link_text .link_text_title{float:left;width:80px;text-align:left; color:#8a8a8a;}
.link_text ul li { float:left; text-align:center; overflow:hidden;white-space:nowrap;padding: 0 15px;height:22px;}
.link_text ul li span{color:#8a8a8a;font-size:12px;}
.link_text a { line-height:22px; color:#8a8a8a; font-size:12px;}
.link_text a:hover { line-height:22px; color:#fff; }

.bottom_navigation{ width:840px; overflow:hidden; float:left; padding-left:10px; }
.bottom_navigation li{float:left; width:120px; margin-right:15px; overflow:hidden;}
.bottom_navigation li.n1{margin-right:0;}
.bottom_navigation li a{ display:block; text-align:left; font-size:18px;  color:#fff; margin-bottom:20px; }
/*底部导航子导航*/
.bottom_navigation .subnavigationlist1 {}
.bottom_navigation .subnavigationlist1 li {  float:none; padding:0px; line-height:28px; display:block;}
.bottom_navigation .subnavigationlist1 li a { color:#999; display:block;line-height: 40px; font-weight:normal;padding:0;margin:0;font-size: 13px;text-align:left;}
.bottom_navigation .subnavigationlist1 li a:hover{ color:#fc7602; }

/* 版权信息 */
#copyright_main { color:#8a8a8a;padding:15px 0; background:#333;text-align:center;font-size:12px;}
#copyright {  }
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright a {color: #8a8a8a; text-decoration: none;}
#copyright a:hover {color: #fc7602; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:24px; }
#copyright .TechnicalSupport{ margin:0}

/*分页样式*/
.page { padding:20px 0px 5px 1px; clear:both; text-align: center; overflow: hidden;}
.page a, .page span { display:inline; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#fc7602; color:#fff; }
.page .current{ background:#fc7602; color:#FFF;}
.page #total{color:#fc7602}

/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}

/*会员注册*/
table.reg_table{ width:40%; text-align:center; margin:0 auto;}
table.reg_table th{ width:140px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}
table.reg_table .MemberCode{  text-align:left; width:70px;}
table.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}
/*忘记密码 第二步*/
table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}

/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ }
.textlist li {overflow:hidden;padding:15px;border:1px solid #bbb;margin:30px 0  0  0;}
.textlist li a{  }
.textlist li .time_wrap{float:left;width:130px;overflow:hidden;height:110px;background:#0166ce;margin:0 20px 0 0;}
.textlist li .time_wrap .day{font-size: 52px;line-height: 40px;display:block;text-align:center;color:#fff;padding: 17px 0;font-weight:bold;}
.textlist li .time_wrap .year{font-size: 14px;line-height: 20px;display:block;text-align:center;color:#fff;padding: 2px 0;}
.textlist li .info_wrap{float: left;overflow:hidden;width:800px;}
.textlist li .info_wrap .InfoTitle{font-size: 20px;margin:2px 0;padding:4px 0;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: bold; }
.textlist li .info_wrap .Info{margin:4px 0;}
.textlist li .info_wrap .Info .Infotime{float:left;display:block; text-align:left;color:#999;;}
.textlist li .info_wrap .Info .InfoHit{float:left;display:block; text-align:left;color:#999;margin:0 20px 0 0;}
.textlist li .info_wrap .InfoContent{display:block;overflow:hidden;line-height: 1.6em;font-size:16px;padding:0;color:#999;width:100%;height:46px;}
.textlist li .ViewMore{float:right;display:block;border:1px solid #ddd;padding:5px 10px;margin:40px 40px 0 0; } 
.textlist li:hover{border:1px solid #fc7602;}
.textlist li:hover .time_wrap{background:#fc7602;}
.textlist li:hover .InfoTitle  { color:#fc7602; }
.textlist li:hover .ViewMore{border:1px solid #fc7602;background:#fc7602;color:#fff;}
/*文字列表*/
.textlist1{overflow:hidden; }
.textlist1 li {float:left;width:239px; border:1px solid #e8e8e8;border-left:none;height:300px;}
.textlist1>li.n1{width:238px; border:1px solid #e8e8e8;}
.textlist1 li .Channel_wrap{float:left;width:239px;padding:20px 0 0 0;}
.textlist1 li .Channel_wrap .ChannelName {  text-align:center; display: block;font-size: 18px;font-weight: bold;color:#333;margin: 15px 0 0 0;}
.textlist1 li .Channel_wrap .ChannelIcon{text-align:center;height:71px;margin: 0 0 45px 0;}
.textlist1 li .Channel_wrap .ChannelSContent { display: block;margin:10px 0 0 0;color: #4b4b4b;white-space: nowrap;line-height:18px;height:55px;font-size:14px;text-align:center;}
.textlist1 li .Channel_wrap .ChannelContent {border-top: 1px dashed #cdcdcd;font-size: 12px;line-height: 20px;color: #6c6c6c;height: 40px;overflow:hidden;padding: 10px;text-align:center;}
.textlist1 li.hover{width:480px;border: #0166ce;}
.textlist1 li.n1 .current{border:none;}
.textlist1 li .current {width:240px;background:#0166ce;}
.textlist1 li .current .ChannelName { color:#fff; }
.textlist1 li .current .ChannelSContent {color:#fff;  }
.textlist1 li .current .ChannelContent {color:#fff;}
.textlist1 li.hover .textlist2{display:block;background:#000 url(../images/textlist1.jpg) no-repeat left center;background-size:100% 100%;}

/*文字列表2*/
.textlist2{display:none; float:right;width:240px;background:#000;height:302px;}
.textlist2 li {border:none;height:59px;line-height:60px;border-bottom: 1px solid #565758;color:#999;font-size:14px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}
.textlist2 li.n5{height:60px;border:none;}
.textlist2 li:hover{color:#fff;}
/*文字列表3*/
.textlist3{text-align: center;overflow:hidden;margin: 0 0 30px 0;}
.textlist3  .ChannelName{ line-height:60px; overflow:hidden;padding:20px 0;border:1px solid #e3e3e3;border-radius:20px;padding: 10px 30px; margin: 0 10px;color:#fff;}
.textlist3  .on{ background:#fc7602;border:1px solid #fc7602;color:#fff;}
/*文字列表4*/
.textlist4{ overflow:hidden;}
.textlist4 li {  width:50%;float:left; overflow:hidden;margin:0 0 30px 0;}
.textlist4 li .time_wrap{float:left;width:78px;overflow:hidden;}
.textlist4 li .time_wrap .day{font-size: 30px;line-height: 40px;display:block;text-align:center;background:#0166ce;border-bottom:1px solid #fff;color:#fff;padding: 8px 0;}
.textlist4 li:hover .time_wrap .day{background:#fc7602;}
.textlist4 li .time_wrap .year{font-size: 14px;line-height: 20px;display:block;text-align:center;background:#0166ce;color:#fff;padding: 2px 0;}
.textlist4 li:hover .time_wrap .year{background:#fc7602;}
.textlist4 li .info_wrap{width: 450px;float: left;margin-left:14px;overflow:hidden;}
.textlist4 li .info_wrap .InfoTitle{font-size: 17px;margin:2px 0;padding:4px 0;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: bold; }
.textlist4 li .info_wrap .InfoContent{display:block;overflow:hidden;line-height: 1.8em;font-size:13px;padding:0;color:#999;width:100%;height:46px;}
.textlist4 li:hover .InfoTitle  { color:#fc7602; }
.textlist4 .LViewMoreNew{margin:20px auto;width:150px;border:1px solid #0166ce;text-align:center;display:block;overflow:hidden;height:40px;line-height:40px;color:#0166ce}
.textlist4 .LViewMoreNew:hover{background:#fc7602;color:#fff;border:1px solid #fc7602;}
/*文字列表5*/
.textlist5{text-align: center;overflow:hidden;margin: 0 0 30px 0;}
.textlist5  a{ line-height:60px; overflow:hidden;padding:20px 0;border:1px solid #e3e3e3;border-radius:20px;padding: 10px 30px; margin: 0 10px;color:#626262;}
.textlist5  a.on{ background:#fc7602;border:1px solid #fc7602;color:#fff;}
/*文字列表6*/
.textlist6{overflow:hidden;}
.textlist6>li {overflow:hidden;}
.textlist6 li.j0{float:left;}
.textlist6 li.j1{float:right;}
.textlist6 li.n1{width:330px;margin:0 580px 41px 0;}
.textlist6 li.n2{width:280px;}
.textlist6 li.n3{width:260px;margin:0 680px 0px 0;height:230px;}
.textlist6 li.n4{width:260px;margin:0 0 0 0;height:230px;}
.textlist6 li.n5{width:330px;margin:0 610px 0 0;}
.textlist6 li.n6{width:260px}
.textlist6 li .Info_wrap{overflow:hidden;height:31px;overflow:hidden;}
.textlist6 li .Info_wrap img{float:left;width:31px;}
.textlist6 li .AlbumTitle{color:#838383;font-size:18px;float:left;font-weight:bold;text-align:left;padding:0 0 0 10px;line-height:31px;width: 219px;}
.textlist6 li .AlbumDescription{padding:0;color:#666;font-size:14px;height:130px;overflow:hidden;}
/*文字列表7*/
.textlist7{}
.textlist7 li {overflow:hidden;margin:0 0 10px 0;}
.textlist7 li .InfoTitle{font-size:20px;font-weight:bold;line-height:40px;color:#444;}
.textlist7 li .InfoTitle:hover{color:#000;}
.textlist7 li .Info_wrap{}
.textlist7 li .Info_wrap .InfoTime{font-size:14px;color:#999;}
.textlist7 li .Info_wrap .InfoHit{font-size:14px;color:#999;}
.textlist7 li .InfoContent{font-size:16px;color:#666;padding:0;}
/*文字列表8*/
.textlist8{}
.textlist8 li {}
.textlist8 li.n1 {float:left;color:#FF6000;background:#fff;padding:4px 13px;font-size:20px;border-radius:20px;margin:0 24px 10px 24px;}
.textlist8 li.n2{width:100%;line-height:50px;height:44px;overflow:hidden;font-size: 16px;text-align: left;text-indent: 28px;}

/*文字列表9*/
.textlist9{overflow:hidden;}
.textlist9 li {text-indent:30px;float:left;width:170px;color:#b3f9ff;font-size:14px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;height: 28px;line-height:28px;
background:url(../images/textlist9_li.png) no-repeat left center;}
/*文字列表10*/
.textlist10{}
.textlist10 li {text-indent:22px;float:left;width:50%;color:#636363;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;height: 40px;line-height:40px;
background:url(../images/textlist10_li.png) no-repeat left center;}
/*文字列表11*/
.textlist11{}
.textlist11 li{padding:15px;border-bottom:1px solid #bbb;margin:30px 0  0  0;}
.textlist11 li .InfoTitle{}

/*文字列表11*/
.textlist12{ position:relative;}
.textlist12 li {text-indent: 38px;height:46px;float:left;line-height:46px;color:#fff;font-size:18px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;}
.textlist12 li :hover{}
.textlist12 li.n1 { position:absolute;left:125px;top:40px;}
.textlist12 li.n2 {position:absolute;left:520px;top:7px;}
.textlist12 li.n3 {position:absolute;right:190px;top:30px;}
.textlist12 li.n4 {position:absolute;left:90px;top:204px;}
.textlist12 li.n5 {position:absolute;right:150px;top:180px;}
.textlist12 li.n6 {position:absolute;left:90px;top:385px;}
.textlist12 li.n7 {position:absolute;right:130px;top:380px;}
/*文字列表13*/
.textlist13{overflow:hidden;}
.textlist13 li {float: left;margin: 0px 34px 100px 0;width: 120px;height: 36px;text-align: center;padding-top: 84px;text-align: center;cursor: pointer;}
.textlist13 li.n1 {color: #91d637;}
.textlist13 li.n2 {color: #ef972c;}
.textlist13 li.n3 {color: #4dd2d7;}
.textlist13 li.n4 {color: #d7644d;}
.textlist13 li.n5 {color: #da62c1;}
.textlist13 li.n6 {color: #4d9cd7;}
.textlist13 li.n7 {color: #4d9cd7;}
.textlist13 li.n8 {color: #4d9cd7;margin:0;}
.textlist13 li.n9 {color: #d95ec0;margin: 0px 34px 0 0;}
.textlist13 li.n10 {color: #4d9cd7;margin: 0px 34px 0 0;}
.textlist13 li.n11 {color: #bfcf3e;margin: 0px 34px 0 0;}
.textlist13 li.n12 {color: #4dd78e;margin: 0px 34px 0 0;}
.textlist13 li.n13 {color: #4d9cd7;margin: 0px 34px 0 0;}
.textlist13 li.n14 {color: #4d9cd7;margin: 0px 34px 0 0;}
.textlist13 li.n15 {color: #4d9cd7;margin: 0px 34px 0 0;}
.textlist13 li.n16 {color: #4d9cd7;margin:0;}
.textlist13 li.on{color:#fff;}
.textlist13 li .AlbumDescription{display:none;position:absolute;left:0;top:150px;z-index:999;text-indent:22px;color:#636363;font-size:16px;white-space: nowrap;overflow:hidden; text-align:left;height: 40px;line-height:40px;}
.textlist13 li.n1 .AlbumDescription{color: #91d637;}
.textlist13 li.n2 .AlbumDescription{color: #ef972c;}
.textlist13 li.n3 .AlbumDescription{color: #4dd2d7;}
.textlist13 li.n4 .AlbumDescription{color: #d7644d;}
.textlist13 li.n5 .AlbumDescription{color: #da62c1;}
.textlist13 li.n6 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.n7 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.n8 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.n9 .AlbumDescription{color: #d95ec0;}
.textlist13 li.n10 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.n11 .AlbumDescription{color: #bfcf3e;}
.textlist13 li.n12 .AlbumDescription{color: #4dd78e;}
.textlist13 li.n13 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.n14 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.n15 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.n16 .AlbumDescription{color: #4d9cd7;}
.textlist13 li.on .AlbumDescription{display:block;}
/*带缩略图文字列表*/
.thumblist{}
.thumblist li {}
/*带缩略图文字列表1*/
.thumblist1{}
.thumblist1 li {overflow:hidden;}
.thumblist1 li.n1{float:left;width:580px;}
.thumblist1 li.n1 img{width:100%;}
.thumblist1 li.n2{float:right;width:530px;text-indent: 25px;height:46px;line-height:46px;color:#5e5e5e;font-size:18px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;background:url(../images/thumblist1_li.png) no-repeat left center;}
.thumblist1 li.n3{float:right;width:580px;text-indent: 25px;height:46px;line-height:46px;color:#5e5e5e;font-size:18px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;background:url(../images/thumblist1_li.png) no-repeat left center;}
.thumblist1 li.n4{float:right;width:580px;margin:50px 0 0 0;}
.thumblist1 li.m1{background:none;color:#fc7602;font-size:28px;text-indent:0;margin:50px 0 20px 0;}
/*带缩略图文字列表2*/
.thumblist2{}
.thumblist2 li {overflow:hidden;}
.thumblist2 li.n1{margin:30px 0 0 0 ;  background:url(../images/thumblist2_n0.png) no-repeat center top;padding: 90px 0 0 0;}
.thumblist2 li.n1 .AlbumPicture{float:left;width:500px;}
.thumblist2 li.n1 img{width:100%;}
.thumblist2 li.n1 .Album_wrap{width:600px;margin:60px 0 0 0;float:right;}
.thumblist2 li.n1 .Album_wrap .AlbumTitle{text-align:left;color:#ff5900;font-size:36px;margin:0 0 15px 0; }
.thumblist2 li.n1 .Album_wrap .AlbumDescription{font-size:18px;line-height:36px;}
.thumblist2 li.n2{float:right;}
.thumblist2 li.n2 img{ vertical-align:middle;}
.thumblist2 li.n3{float:left;width:580px;text-indent: 25px;height:46px;line-height:46px;color:#5e5e5e;font-size:18px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;background:url(../images/thumblist1_li.png) no-repeat left center;}
.thumblist2 li.m1{background:none;text-align:left;color:#ff5900;font-size:36px;margin:0 0 15px 0;}
.thumblist2 li.m2{background:url(../images/thumblist2_n1.png) no-repeat center top; height:90px;}
/*带缩略图文字列表3*/
.thumblist3{}
.thumblist3 li{overflow:hidden;display:block; cursor:pointer;}
.thumblist3 li.n0 {float:left;width:410px;margin:0 0 200px 0;}
.thumblist3 li.n1 {float:right;width:410px;margin:0 0 200px 0;}
.thumblist3 li .AlbumPicture{float:left;margin: 0 10px 0 0;}
.thumblist3 li .AlbumTitle{width:348px;float:left;color:#fc7602;font-size: 26px;padding:0;line-height:52px;color:#fff;text-align:left;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.thumblist3 li .AlbumDescription{float: left;height:80px;overflow:hidden;color:#fff;font-size:14px;padding: 20px 0 0 45px;}
/*带缩略图文字列表4*/
.thumblist4{}
.thumblist4 li {overflow:hidden;}
.thumblist4 li.n1{margin:30px 0 0 0 ;}
.thumblist4 li.n1 .AlbumPicture{float:right;}
.thumblist4 li.n1 img{width:100%;}
.thumblist4 li.n1 .Album_wrap{float:left;width:500px;margin:50px 0 0 0;}
.thumblist4 li.n1 .Album_wrap .AlbumTitle{text-align:left;color:#464646;font-size:36px;margin:0 0 15px 0; }
.thumblist4 li.n1 .Album_wrap .AlbumDescription{font-size:18px;line-height:36px;}
.thumblist4 li.n2{float:left;}
.thumblist4 li.n2 img{ vertical-align:middle;}
.thumblist4 li.n3{float:right;width:650px;text-indent: 38px;height:46px;line-height:46px;color:#5e5e5e;font-size:18px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;}
.thumblist4 li.m1{background:none;text-align:left;color:#464646;font-size:36px;margin:80px 0 15px 0;}
.thumblist4 li.l3 {background:url(../images/thumblist4_li_n1.png) no-repeat left center;}
.thumblist4 li.l4 {background:url(../images/thumblist4_li_n2.png) no-repeat left center;}
.thumblist4 li.l5 {background:url(../images/thumblist4_li_n3.png) no-repeat left center;}
.thumblist4 li.l6 {background:url(../images/thumblist4_li_n4.png) no-repeat left center;}

/*橱窗列表*/
.gridlist{ margin-top:5px; }
.gridlist li { float:left; padding:4px 0;margin-bottom:10px; margin-right:12px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist li.n2{margin:0;floaf:right;}
.gridlist li img { width:389px;transition: 0.5s ease-in-out;transform-origin: 50% 50%;}
.gridlist li a { white-space:nowrap;display:block;overflow:hidden;}
.gridlist li .InfoTitle{background:#f1f1f1; line-height:40px;}
.gridlist li:hover .InfoTitle  {background:#0166ce;color:#fff;  }
.gridlist li a:hover img {transform: scale(1.1);  }

/*橱窗列表1*/
.gridlist1{ overflow:hidden; }
.gridlist1 li {float:left; width:25%;text-align:center;margin:0 0 16px 0;}
.gridlist1 li img { width:100%;transition: 0.5s ease-in-out;transform-origin: 50% 50%; height:200px;}
.gridlist1 li:hover img{transform: scale(1.1);}
.gridlist1 li a{display:block;overflow:hidden;}
.gridlist1 li .Info_wrap{padding:0 8px;}
.gridlist1 li .InfoTitle{background:#f1f1f1; display:block;white-space:nowrap; line-height:40px;text-overflow:ellipsis; overflow:hidden;text-align:center; -webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;transition: 0.3s linear; font-size:16px;}
.gridlist1 li:hover .InfoTitle{background:#0166ce;color:#fff;}
/*橱窗列表2*/
.gridlist2{ overflow:hidden; }
.gridlist2 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;padding:50px 100px 0 100px}
.gridlist2 li img { width:100%;  display:block;border:1px solid #ccc;}
.gridlist2 li .InfoTitle { white-space:nowrap; line-height:19px; display:block; background:#015D34; color:#FFF; margin-top:3px;}
/*橱窗列表3*/
.gridlist3{ overflow:hidden; }
.gridlist3 li {  float:left; text-align:center; overflow:hidden;margin:0 30px;}
.gridlist3 li.n6{}
.gridlist3 li a{display:block;}
.gridlist3 li .info_wrap{}
.gridlist3 li .info_wrap .info_ChannelIcon{display:block;margin:0 auto;}
.gridlist3 li .info_wrap .info_ChannelIcon img{ padding:0; width:140px;}
.gridlist3 li .ChannelName {  line-height:40px;height:40px; display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size:14px; color:#333;}
.gridlist3 li:hover .ChannelName{color:#000}
.gridlist3 li:hover img{ -webkit-filter: grayscale(100%); filter:Gray;}
.gridlist3 li:hover .info_wrap{background:none;}
.gridlist3 li:hover .info_ChannelIcon{}
/*橱窗列表4*/
.gridlist4{ overflow:hidden; }
.gridlist4 li {  float:left; text-align:center; overflow:hidden;width:228px;margin:0 12px 0 0;border:1px solid #dcdcdc;padding:20px 0 0 0;}
.gridlist4 li:hover{border:1px solid #FF6600;}
.gridlist4 li.n5{margin:0;}
.gridlist4 li a{display:block;} 
.gridlist4 li .AlbumTitle{width:228px;height:158px;font-size:18px;line-height:230px;}
.gridlist4 li .AlbumTitle:hover{color:#FF6600;}

/*橱窗列表5*/
.gridlist5{ overflow:hidden; }
.gridlist5 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;}
.gridlist5 li .InfoPicture { float:left;width: 410px;margin: 39px 80px 160px 130px;}
.gridlist5 li .InfoPicture img{height:234px;width:100%;}
.gridlist5 li .InfoTitle {width:580px;float:right; white-space:nowrap;text-align:left; line-height:40px;line-height:40px display:block; color:#fc7602; margin:0 0 10px 0;font-size:30px;padding:0;}
.gridlist5 li p{width:580px;float:right;color:#575757;line-height:30px;font-size: 18px;text-align: left;height:120px;overflow:hidden;}
.gridlist5 li .more{display:block;width: 200px;border: 2px solid #0166ce;border-radius: 25px;height: 40px;line-height: 40px;float:left;color:#0166ce;margin:20px 0 0 0;font-size:24px;}
.gridlist5 li .more:hover{color:#fff;border: 2px solid #fc7602;background:#fc7602}
.gridlist5 li .f1{font-size:20px;display:block;margin: 0 0 10px 0;text-align:left;float:left;width:580px;}
.gridlist5 li .f2{display:block;margin: 0 0 10px 0;float:left;width:580px; text-align: left;}
.gridlist5 li .f2 img{width:100px;}
.gridlist5 li .f2 span{display:block;width:100px;text-align:center;}
/*橱窗列表6*/
.gridlist6{ overflow:hidden; }
.gridlist6 li {float:left; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;background:url(../images/gridlist6_li.png) no-repeat center top;width: 202px;height: 350px;
margin: 0 20px 0 0;padding: 51px 24px;position:relative;}
.gridlist6 li  img{width:100%;}
.gridlist6 li .f1{display:none;position:absolute;width:202px;height:350px;background:rgba(62,102,69,0.7);left:24px;bottom:53px;}
.gridlist6 li .f1 img{width:140px;position:absolute;left:16%;bottom:-10%;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; }
.gridlist6 li:hover .InfoPicture img {transform: scale(1.2); -webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s; }
.gridlist6 li:hover .f1{display:block;}
.gridlist6 li:hover img{bottom:35%; }
/*橱窗列表7*/
.gridlist7{ overflow:hidden; }
.gridlist7 li {float:left; text-align:center; overflow:hidden;width:270px;margin: 0 15px;position:relative;}
.gridlist7 li .Info_wrap{}
.gridlist7 li .InfoPicture img{width:100%;transform-origin: 50% 50%;}
.gridlist7 li .f1{display:none;position:absolute;width:100%;height:100%;background:rgba(62,102,69,0.7);left:0;bottom:0;}
.gridlist7 li .f1 img{width:140px;position:absolute;left:25%;bottom:-10%;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; }
.gridlist7 li:hover .InfoPicture img {transform: scale(1.2); -webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s; }
.gridlist7 li:hover .f1{display:block;}
.gridlist7 li:hover img{bottom:35%; }
/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { width:382px; float:left; margin:0 15px 15px 0; text-align:center; overflow:hidden;}
.videolist li img { width: 380px;transition: 0.5s ease-in-out;transform-origin: 50% 50%; }
.videolist li a { white-space:nowrap;display:block;overflow:hidden;}
.videolist li .InfoTitle{background:#f1f1f1; line-height:40px;}
.videolist li:hover .InfoTitle  {background:#0166ce;color:#fff;  }
.videolist li a:hover img {transform: scale(1.1);  }
/*二维码列表*/
.qrcodelist{overflow:hidden;}
.qrcodelist li{float:left;margin:0 15px 0 0;}
.qrcodelist li p{display:block;}
.qrcodelist li img{width:135px;}

.caseqrcodelist{overflow:hidden;margin:10px 0;}
.caseqrcodelist li{float:left;margin:0 15px 0 0;text-align: center;}
.caseqrcodelist li p{display:block;}
.caseqrcodelist li img{width:140px;}

.caseqrcodelist1{overflow:hidden; float: left;}
.caseqrcodelist1 li{float:left;margin:0 15px 0 0;text-align: center;}
.caseqrcodelist1 li p{display:block;}
.caseqrcodelist1 li img{width:130px;}
/*==========@@通用列表  结束@@==========*/

/*付款方式版本表格样式*/
table.banktable{margin: 3px; padding: 0px; width: 99%; border-collapse: collapse; border:1px solid #ddd;}
table.banktable tr{ cursor: pointer}
table.banktable tr:hover{ background:#F5F5F5; }
table.banktable .imgcenter{text-align:center; }
table.banktable .title{font-weight:bold; background:#F5F5F5; color:#CB061D; height:26px; line-height:26px; font-size:16px; padding:5px}
table.banktable th{ padding:5px; text-align:left; font-weight:bold; border:1px solid #ddd;border-top:none;border-left:none;}
table.banktable td{ padding:5px; text-align:left; border:1px solid #ddd;border-top:none;border-left:none;}

/*====模板展示 开始====*/
/*筛选条件*/
#filter_main { background:#f3f3f3; overflow:hidden; }
#filter { width:1200px; overflow:hidden;border:0px solid #cac8c8; margin:0 auto; margin-bottom:10px;  }
#filter_1{ border-bottom:0px solid #cac8c8; height:52px; }
#template_main{ margin-top:10px;}
#template{width:1200px;  overflow:hidden;border:0px solid #cac8c8; margin:0 auto; margin-bottom:10px; background:#FFF}
#templatetip{ width:1200px; overflow:hidden; text-align:center; padding:10px 0;  margin:0 auto; margin-bottom:20px;}
#templatetip p{ display:block; padding:8px 0px; font-size:30px; color:#2a333c;}
#templatetip  .Operator{ overflow:hidden; height:50px; line-height:50px; text-align:center;}
#templatetip  .Operator span{ padding:20px 30px; margin-right:10px; font-size:18px; color:#fff; border-radius:3px;}
#templatetip  .Operator a{ color:#f0f0f0;}
#templatetip  .Operator a:hover{ color:#fff;}
#templatetip .DingZhi{ background:#099;  }
#templatetip .FanKui{ background:#2dcfe2;  }
#templatetip .KaiFa{ background:#F69;  }

#form_text_search { margin-left:15px; border:1px solid #CCC; height:24px; line-height:24px; padding:0 5px; width:135px; vertical-align: middle;}
#form_submit_search { margin-left:-1px; width:60px; height:26px; border:1px solid #CCCCCC; background:#FFF; cursor:pointer; vertical-align: middle;}
#bykeyword{ height:25px; line-height:25px; padding:8px; 5px; margin:5px; float:left; width:40%; border:0px dashed green; }
#bykeyword .title{width:115px; border:0px dashed green; float:left;font-weight:bold;}
.leftline{ background:#fc7602; padding:0 2px; margin-right:8px;}

#bycolor{height:25px; line-height:25px; padding:8px 5px; margin:5px; float:right; border:0px dashed blue; width:50%}
#bycolor .colortitle{ float:left; font-weight:bold; padding-right:25px;}

/*8:红  9:紫  7:黄   26:绿   27:蓝  28:黑*/
#bycolor a{ background:url(../images/color.jpg) no-repeat; display:block; width:29px; height:29px; float:left; margin-right:10px;}
#bycolor a.current{background-position:-29px 0px;}
#bycolor a.c8{background-position:0px -29px; }
#bycolor a.current8{  background-position:-29px -29px;}
#bycolor a.c9{background-position:0px -58px; }
#bycolor a.current9{  background-position:-29px -58px;}
#bycolor a.c7{background-position:0px -87px; }
#bycolor a.current7{  background-position:-29px -87px;}

#bycolor a.c26{background-position:0px -116px; }
#bycolor a.current26{  background-position:-29px -116px;}
#bycolor a.c27{background-position:0px -145px; }
#bycolor a.current27{  background-position:-29px -145px;}
#bycolor a.c28{background-position:0px -174px; }
#bycolor a.current28{  background-position:-29px -174px;}

#bycolor a.c29{background-position:0px -203px; }
#bycolor a.current29{  background-position:-29px -203px;}
#bycolor a.c30{background-position:0px -232px; }
#bycolor a.current30{  background-position:-29px -232px;}

.speciallist { clear:both; margin:5px;}
.speciallist li.title{ font-weight:bold; height: 150px; border:0px dashed red; width:133px; padding-left:7px;}
.speciallist li { float:left; line-height:25px; height:25px ;width:140px; border:0px dashed blue; margin-bottom:5px;}
.speciallist li a{ color:#000000; padding:3px 5px;}
.speciallist li a:hover{ color:#FFF; background:#fc7602;  }
.speciallist li a.current{ background:#fc7602; color:#FFF}

.pcmobanlist  { margin-left:10px; margin-top:10px;}
.pcmobanlist li { float:left; text-align:center;  margin:5px 8px; color:#393939; border:0px solid red; width:277px; }
.pcmobanlist li img { width:275px; height:auto;  border:1px solid #999999; margin-bottom:3px; padding:0px}
.pcmobanlist .LinkUrl{ height:35px; line-height:35px; border:0px solid red; margin-top:3px}
.pcmobanlist .InfoTitle{ padding:3px 0px; font-weight:bold; height:20px; line-height:20px; border:0px dashed red;}
.pcmobanlist .LinkUrl a{ background-color:#fff; border:1px solid #ccc; padding:3px 10px; color:#333;}
.pcmobanlist .LinkUrl a:hover{ background-color:#fff; color:#fc7602; border:1px solid #fc7602; }
.pcmobanlist .pc{ width:19px; height:16px; border:0px solid red;}
.pcmobanlist .wap{ width:10px; height:16px; border:0px solid red;}

/*微信模板展示*/
.wapmobanlist  { margin-left:10px; margin-top:10px;}
.wapmobanlist li { float:left; text-align:center; width:222px; height:564px; margin:5px 8px; color:#393939; background:url(../images/iphonebg.jpg) no-repeat; position:relative;}
.wapmobanlist li img { width:189px; height:324px; padding-top:80px; border:0px dashed blue; padding-left:3px;}
.wapmobanlist li #title { line-height:22px; color:#00F; font-size:14px}
.wapmobanlist li a { line-height:22px;}
.wapmobanlist #detail { float:left; text-align:left; padding:5px 4px; line-height:20px}

.wapmobanlist li #w{ padding-top:70px; }
.wapmobanlist li #wl{ float:left; text-align:left;  height:80px; border:0px dashed red; padding-top:6px; padding-left:5px; }
.wapmobanlist li #wl .LinkUrl{ height:26px; border:0px dashed blue; }
.wapmobanlist li #wl a{ background-color:#fff; border:1px solid #ccc; padding:3px 10px; color:#333}
.wapmobanlist li #wl a:hover{ background-color:#fff; color:#fc7602; border:1px solid #fc7602;}
.wapmobanlist li #wl .InfoTitle{ padding:3px 0px; font-weight:bold; height:20px; line-height:20px; border:0px dashed red; text-align:center;}
.wapmobanlist li #wl .f1{ text-align:center; }

.wapmobanlist li #wr{  position:absolute; top: 80px; left:18px; z-index:100; background:rgba(62,102,69,0.7); width:190px; height:325px;display:none;}
.wapmobanlist li #wr img{width:100px; height:100px; padding:3px;border: 1px solid #eee; margin-top:100px;}
.wapmobanlist li #wr p{ color:#f0f0f0; font-size:14px;}
.wapmobanlist li:hover #wr{ display:block;}

/*小程序模板*/
.xczmobanlist{ overflow:hidden; }
.xczmobanlist li {float:left; text-align:center; overflow:hidden ;background:url(../images/gridlist8_li.jpg) no-repeat center top;width: 222px;margin: 10px 20px 0 0;}
.xczmobanlist li.n3{margin:0;}
.xczmobanlist li .Info_wrap{margin: 70px 0 0 20px;position:relative;width:187px;height:330px;}
.xczmobanlist li .InfoPicture img{width:187px;height:330px;}
.xczmobanlist li .f1{display:none; position:absolute;width:100%;height:100%;background:rgba(62,102,69,0.7);left:0;bottom:0;}
.xczmobanlist li .f1 .qrimage{ width:140px;position:absolute;left:13%;top:25%; }
.xczmobanlist li .f1 img{width:120px; -webkit-trans ition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; }
.xczmobanlist li .f1 p{ color:#f0f0f0; font-size:14px; }
.xczmobanlist li:hover .f1{display:block;}
.xczmobanlist li:hover .f1_wrap{bottom:35%;z-index:999;}
.xczmobanlist li .InfoTitle{margin:76px 0 0 0;color:#393939;font-weight:bold;}

/*模板阅读页面*/
#template_read_main_1,#template_read_main_2,#template_read_main_3{overflow:hidden; padding:25px 0;}
#template_read_1, #template_read_2, #template_read_3{ width:1200px; margin:0 auto; overflow:hidden; }
#template_read_1 .InfoTitle { margin-bottom:15px; }
#template_read_1 .InfoTitle h1{color:#333; font-size:34px;}
#template_read_1 p{ text-align:center; color:#000; font-size:22px; color:#5e7387; font-weight:normal; margin-bottom:15px;
font-family: "HanHei-SC", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei";}
#template_read_1 .BrowserTip{color:#aeb8c3; text-align:center; font-size:14px; font-family: "HanHei-SC", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei";}

#template_read_2 { text-align:left; width:600px; font-size:18px; color:#333;}
#template_read_2 .img1{ margin-right:50px; float:left;}
#template_read_2 .img1 img{ padding-top:40px;}
#template_read_2 .img2{  float: left; text-align: center; width: 222px; height: 500px; margin: 5px 8px; color: #393939; background: url(../images/iphonebg.jpg) no-repeat; position: relative;}
#template_read_2 .img2 .qr{  position:absolute; top: 80px; left:18px; z-index:100; background:rgba(62,102,69,0.7); width:190px; height:325px;display:none; }
#template_read_2 .img2:hover .qr{ display:block;}
#template_read_2 .img2 .qr img{width:120px; height:120px; }
#template_read_2 .img2 img{ width: 189px; height: 324px; padding-top: 80px; border: 0px dashed #00f; padding-left: 3px;}

#template_read_2_1{width:600px;  margin:0 auto; overflow:hidden; height:85px; line-height:85px; text-align:center;}
#template_read_2_1 .pcurl { padding:15px 28px; background:#2dcfe2; margin-right:20px;}
#template_read_2_1 .wapurl{ padding:15px 28px; background:#F69; margin-right:20px;}
#template_read_2_1 .buy{ padding:15px 28px; background:#093; }
#template_read_2_1 a{ color:#f0f0f0; font-size:18px;}
#template_read_2_1 a:hover{ color:#fff;}

#template_read_main_3{ background:#f5f5f5;}
#template_read_3 {}
#template_read_3 h2{color:#333; font-size:34px; text-align:center; font-weight:normal;}
#template_read_3 p{ text-align:center; color:#000; font-size:22px; color:#5e7387; font-weight:normal; margin-bottom:15px;
font-family: "HanHei-SC", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei";}

/*小程序*/
#xcx_read_main_1{}
#xcx_read_main_2{}
#xcx_read_1, #xcx_read_2{ width:1200px; margin:0 auto; overflow:hidden; padding:15px 0;}
#xcx_read_1{ padding:10px 0; }
#xcx_read_1 .InfoTitle { margin-bottom:15px; }
#xcx_read_1 .InfoTitle h1{color:#333; font-size:34px;}
#xcx_read_1 p{ text-align:center; color:#000; font-size:22px; font-weight:normal; margin-bottom:15px;
font-family: "HanHei-SC", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei";}
#xcx_read_1 .BrowserTip{color:#aeb8c3; text-align:center; font-size:14px; font-family: "HanHei-SC", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei";}

#xcx_read_2 { text-align:left; width:300px; font-size:18px; color:#333;}
#xcx_read_2 .InfoPicture{  float: left; text-align: center; width: 222px; height: 500px; margin: 5px 8px; color: #393939; background: url(../images/iphonebg.jpg) no-repeat; position: relative;}
#xcx_read_2 .InfoPicture .qr{  position:absolute; top: 80px; left:18px; z-index:100; background:rgba(62,102,69,0.7); width:190px; height:325px;display:none; }
#xcx_read_2 .InfoPicture:hover .qr{ display:block;}
#xcx_read_2 .InfoPicture .qr img{width:120px; height:120px; }
#xcx_read_2 .InfoPicture .qr p{ font-size:14px; color:#fff;}
#xcx_read_2 .InfoPicture img{ width: 189px; height: 324px; padding-top: 80px; border: 0px dashed #00f; padding-left: 3px;}

.questionlist{ overflow:hidden; }
.questionlist li{ width: 25%;float: left; overflow:hidden; }
.questionlist li .question_wrap{ padding:18px;margin-right: 10px; margin-bottom:10px; border-radius: 5px; height:180px;}
.questionlist li #n1{ background:#ff3dcb;}
.questionlist li #n2{ background:#fa4343;}
.questionlist li #n3{ background:#4bb0fc; }
.questionlist li #n4{ background:#0bd3c2; margin-right:0;}
.questionlist li #n5{ background:#0C6;}
.questionlist li #n6{ background:#F90;}
.questionlist li #n7{ background:#93F;}
.questionlist li #n8{ background:#F9F; margin-right:0;}
.questionlist li .AlbumTitle{ font-weight:normal; color:#000; font-size:15px; font-family:黑体; margin-bottom:5px;}
#template_read_3 .questionlist li p{ color:#fff; padding:0; margin:0; line-height:21px;  font-size: 14px; text-align:left;}

/*====模板展示 结束====*/

/*==========@@animate部分样式 开始@@==========*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0);  transform: translate3d(3000px, 0, 0); }
  60% {opacity: 1;  -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0);}
  75% { -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); }
  90% {  -webkit-transform: translate3d(-5px, 0, 0);  transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;  transform: none; }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from { opacity: 0;  -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0); }
  75% {  -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0);}
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; transform: none; }
}

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}
@-webkit-keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}
  50% {opacity: 1; }
}

@keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  50% { opacity: 1; }
}
.zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {-webkit-animation-name: rollIn; animation-name: rollIn;}
@-webkit-keyframes flipInY {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 
  -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {-webkit-transform: perspective(400px);  transform: perspective(400px);}
}
@keyframes flipInY {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;}
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px);}
}
.flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}
@-webkit-keyframes rotateInDownRight {
  from { -webkit-transform-origin: right bottom; transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
  to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes rotateInDownRight {
  from {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}
@-webkit-keyframes fadeInLeft {
  from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
  to { opacity: 1;-webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
  from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to {-webkit-transform: none; transform: none;}
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0;-webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}
  75% {  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
  90% {  -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}
  to {  -webkit-transform: none;  transform: none; }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;}
@-webkit-keyframes rotateInDownRight {
  from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; }
  to { -webkit-transform-origin: right bottom;  transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes rotateInDownRight {
  from { -webkit-transform-origin: right bottom; transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);opacity: 0; }
  to {  -webkit-transform-origin: right bottom; transform-origin: right bottom;-webkit-transform: none; transform: none;opacity: 1; }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}
@-webkit-keyframes swing {
  20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing {
  20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);  transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg); }
  60% {-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
.swing { -webkit-transform-origin: top center;  transform-origin: top center; -webkit-animation-name: swing;  animation-name: swing;}
/*==========@@animate部分样式 结束@@==========*/